
/*******************************************************************

        Hoja de estilos; Para Maquetar el Contenido
        propiedades del Body y Divs
        
********************************************************************/

/* =Reset
------------------------------------------------------------------ */




body{
    background: #ABCCEB;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size:14px;	
}

div#emboltura{
    background:#fff; 
    min-width:970px; 
    max-width:90%;
    min-height:700px;
    margin:auto; 
    margin-top:10px;
    padding-bottom: 40px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
    behavior:url(PIE.php);

}


#cabeza{
    margin:0 auto;
    width:970px;
}

/*********Menu*************/
nav.barra{
    margin:0 auto;
    /*width:970px;*/
    height:40px;
    border-top:1px #9DCB5D solid;
    border-bottom:1px #51792A solid;
    position:relative;
    /*	-webkit-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset,0 -1px 2px #222 inset,0 -2px 20px rgba(111,4,2,0.8);
            -moz-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset,0 -1px 2px #222 inset,0 -2px 20px rgba(111,4,2,0.8);
            box-shadow:0 1px 5px rgba(160,160,160,0.75) inset,0 -1px 5px #222 inset,0 -10px 50px rgba(111,4,2,0.8);*/
    background-image: linear-gradient(bottom, #34a3ff 0%, #003880 100%);
    background-image: -o-linear-gradient(bottom, #34a3ff 0%, #003880 100%);
    background-image: -moz-linear-gradient(bottom, #34a3ff 0%, #003880 100%);
    background-image: -webkit-linear-gradient(bottom, #34a3ff 0%, #003880 100%);
    background-image: -ms-linear-gradient(bottom, #34a3ff 0%, #003880 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.0, #34a3ff),
        color-stop(1.0, #003880)
        );

    -pie-background:linear-gradient(#34a3ff,#003880);
    behavior:url(PIE.php);
}

#navegacion1>li{
    max-width:200px;
    float:left;
    position:relative;	
}

#navegacion1>li>a, #navegacion1>li>.fijo{
    font-family:Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    float:left;
    padding:0 12px;
    height:41px;
    line-height:41px;
    -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    -khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    -ms-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    position:relative;left:-1px;
    behavior:url(PIE.htc);
}

/*
#navegacion1>li.activo:hover, #navegacion1>li.expandible:hover, #navegacion1>li.fijo:hover{
margin-top:-2px;
height:38px;
padding:0 10px;
text-decoration:none;
position:relative;left:-1px;
background-color:rgba(90,90,90,0.2);
border-top: 2px solid #F38F1D;
border-right: 1px solid  #F38F1D;   
border-left: 1px solid  #F38F1D;*/
/*box-shadow:1px -1px 1px #F38F1D inset,-1px -1px 1px #F38F1D inset,2px -1px 1px -1px #F38F1D,-2px -1px 1px -1px #F38F1D;*/
/*box-shadow:0 3px 5px rgba(243,143,29, 0.90);
behavior:url(PIE.php);*/
/*	border-radius:3px;
    behavior: url(PIE.php);
        }*/

#navegacion1>li.inicio a{
    background:url("imagenes/icon-sprite.png") no-repeat 18px -842px;
    text-indent:-9000px;
    width:30px;}

#navegacion1>li.inicio a.active, #navegacion1>li.inicio a:hover {background:url("imagenes/icon-sprite.png") no-repeat 18px -586px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}


#navegacion1>li.expandible .menu1, #navegacion1>li.expandible .fijo{padding-right:5px;}

#navegacion1>li.activo, #navegacion1>li.fijo:hover{background-color:rgba(0,0,0,0.6);}

#navegacion1>li.expandible .menu1 span{
    background:url("imagenes/icon-sprite.png") no-repeat -26px -653px transparent;
    display:inline-block;
    height:10px;
    margin-left:1px;
    width:10px;
}

#navegacion1>li.expandible .navegacion2{
    background-color:#6a6a6a;
    background:none,-khtml-gradient(linear,left top,left bottom,from(#6b6d6e),to(#5d5d5d));
    background:none,-moz-linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    background:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#6b6d6e),color-stop(100%,#5d5d5d));
    background:none,-webkit-linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    background:none,-o-linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    background:none,-ms-linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    background:none,linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    display:none;padding:5px 5px 6px 5px;
    position:absolute;top:36px;z-index:9999;
    -webkit-border-radius:0 3px 3px 3px;
    -moz-border-radius:0 3px 3px 3px;
    border-radius:0 3px 3px 3px;
    -pie-background: linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
    behavior: url(PIE.php);
}

#navegacion1>li.expandible .navegacion2 nav{background:#F4F4F4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(86,87,88,0.8);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45);-moz-box-shadow:0 1px 0 rgba(255,255,255,0.45);box-shadow:0 1px 0 rgba(255,255,255,0.45);padding:15px 5px 20px;zoom:1;_display:inline-block;}

#navegacion1>li.expandible .navegacion2 nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*
#navegacion1>li.expandible .navegacion2 ul{
                float:left;}*/

#navegacion1>li.expandible .navegacion2 ul li a, #navegacion1>li.expandible .navegacion2 ul li.socialConnect{border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;color:#000;-moz-text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-khtml-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;display:inline-block;padding:5px 0 5px 2px;text-decoration:none;width:220px;float:left;margin:0 10px 0 10px;}

#navegacion1>li.expandible .navegacion2 ul li a:hover{background-color:#eee;color:#860000;}

#navegacion1>li.expandible:hover .menu1,#navegacion1>li.expandible:hover .fijo {
    background-color:#6a6a6a;
    background:none,-khtml-gradient(linear,left top,left bottom,from(#808182),to(#6b6d6e));
    background:none,-moz-linear-gradient(top,#808182 0,#6b6d6e 100%);
    background:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#808182),color-stop(100%,#6b6d6e));
    background:none,-webkit-linear-gradient(top,#808182 0,#6b6d6e 100%);
    background:none,-o-linear-gradient(top,#808182 0,#6b6d6e 100%);
    background:none,-ms-linear-gradient(top,#808182 0,#6b6d6e 100%);
    background:none,linear-gradient(top,#808182 0,#6b6d6e 100%);
    margin-top:-1px;
    padding:0 4px 0 11px;
    height:37px;line-height:41px;
    text-decoration:none;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
    -webkit-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
    -moz-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
    box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
    border:1px solid #414141;
    border-bottom:0;left:-0px;
    position:relative;
    z-index:10000;
}

#navegacion1>li.expandible:hover .menu1 span{background:url("imagenes/icon-sprite.png") no-repeat -27px -629px transparent;}

#navegacion1>li.expandible:hover .navegacion2{display:block;-webkit-box-shadow:0 4px 4px 1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.35) inset;-moz-box-shadow:0 4px 4px 1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.35) inset;box-shadow:0 4px 4px 1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.35) inset;}

/*******Fin de Menu********/
/*********Seccion***********/
#seccion.contenido{
    margin:0 5px 0 5px;
}

/*********FinSeccion********/
/*********Pie de Pagina************/
#pie{
    background:#222222; 
    margin:auto;
}

#pie>.pie2{
    border-top:1px #0070D2 solid;
    height:98px;
    position:relative;
    background: -webkit-linear-gradient(top, #34a3ff, #003880);
    background: -moz-linear-gradient(top, #34a3ff, #003880);
    background: -o-linear-gradient(top, #34a3ff, #003880);
    background: -ms-linear-gradient(top, #34a3ff, #003880);
    background: linear-gradient(top, #34a3ff, #003880);
    -pie-background:linear-gradient(#34a3ff, #003880);
    behavior:url(PIE.php);
}
#pie>.borde{
    height:1px;
    background:#44aaff;
}
hr{height:1px;
   border:none;
   border-top:#393939 solid 1px;
   background-color:#000;
}
#pie .pie_pagina{
    text-align: center;
    margin: 8px;
    color: #549221;
}
#pie .pie_pagina a{
    text-align: center;
    margin: 8px;
    color: #549221;
    text-decoration: none;
}
#pie .pie_nav{
    text-align: center;
    color: #1E2C12;
}

/*******Fin Pie de Pagina********/
/*******Formularios*******/

#formulario {
    padding:15px;
    border: 10px solid white;
    border-color: rgba(255, 255, 255, 0.75);
    background: rgba(204, 204, 204, .4);
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    -webkit-background-clip: padding-box;
    border-radius: 0.8em;
    -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    behavior:url(PIE.php);
}

#formulario fieldset{
    padding:4px;
}

#formulario legend {
    font-size:14px;
    /*color:#444720;*/
    padding:4px;
}
#formulario legend+ul {
    border-top: 1px solid #f0f0f0;
    padding-top:15px;
    display:block;
    width:375px;
}
#formulario ul li {
    height:30px;
}
#formulario ul li.textarea {
    height:80px;
}
#formulario label {
    width:100px;
    display:block;
    float:left;
    font-weight:bold;
    margin-left:25px;
    /*color:#444720;*/
}
#formulario input.texto, #formulario textarea.texto {
    /*background:url(../../comunes/imagenes/bg_input.png) repeat-x 0 0;*/
    border-top: 1px solid #acbd5a;
    border-left: 1px solid #acbd5a;
    border-right: 1px solid #6c7f3d;
    border-bottom: 1px solid #6c7f3d;
    width:200px;
    color:#6b6b6b;
    padding:2px 2px 2px 4px;
    margin: 0px 0px 5px 0px;
}
#formulario input.texto:focus,#formulario textarea.texto:focus {
    /*background-color:#9FC46A;*/
    border: 1px solid #acbd5a;
    /*color:#fff;*/
}


/* ———– stylized ———– */
#stylized{
    background:#ffffff;
}

#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #51891a;
    padding-bottom:10px;
}
#stylized .etiqueta{
    display:block;
    font-weight:bold;
    text-align:right;
    width:120px;
    float:left;
    padding-right: 5px;
}
#stylized .etiqueta.colspan{
    width: 140px;
}

#stylized .fecha{
    display:block;
    font-weight:bold;
    text-align:right;
    width:70px;
    float:left;
    padding-right: 5px;
}

#stylized .small{
    color:#666666;
    display:block;
    font-size:10px;
    font-weight:normal;
    text-align:right;
    /*width:120px;*/
}

#stylized input.texto{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 100px;
    text-align: right;
}

#stylized input.texto2, #stylized select{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 250px;
}


#stylized textarea{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 500px;
}

#stylized input.texto3
{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 150px;
}

#stylized input.fechaimput{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 130px;
}
#stylized select.texto3{
    height: 23px;
    border:solid 1px #acbd5a;
    width: 150px;
}

#stylized input.texto:focus,#stylized input.fecha:focus,#stylized select:focus, #stylized textarea:focus{
    border:solid 1px #ADE787;
}
/***Validador*/
.vanadium-advice{
    display:block; 
    font-weight:bold;
    font-size:11px;
    color:#900;

}

/********Boton*******/
.btn_eliminar{
    cursor:pointer;
}
.btn_aseptar {
    /*Basics*/
    margin:10px auto; 
    width: 100px;
    display: block;
    cursor: pointer;
    padding: 6px 15px;
    text-align: center;
    font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #000000;
    text-shadow: 0px -1px 0px #000000;

    /*Shadows*/
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);

    /*Gradient*/
    background: #4a4a4a; /* Old browsers */
    background: -moz-linear-gradient(top, #4a4a4a 0%, #171717 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#171717)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* IE10+ */
    /*	filter: progid:DXImageTransform.Microsoft.gradient.radius( startColorstr='#4a4a4a', endColorstr='#171717',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #4a4a4a 0%,#171717 100%); /* W3C */
    -pie-background: linear-gradient(top, #4a4a4a 0%,#171717 100%); /* W3C */
    behavior:url(PIE.php);
}


.btn_aseptar:hover {
    background: #5b5b5b; /* Old browsers */
    background: -moz-linear-gradient(top, #5b5b5b 0%, #2e2e2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* IE10+ */
    /*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* W3C */
    -pie-background: linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* W3C */
    behavior:url(PIE.php);
}

.btn_aseptar:active {
    background: #171717; /* Old browsers */
    background: -moz-linear-gradient(top, #171717 0%, #4a4a4a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* IE10+ */
    /*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #171717 0%,#4a4a4a 100%); /* W3C */
    -pie-background: linear-gradient(top, #171717 0%,#4a4a4a 100%); /* W3C */
    behavior:url(PIE.php);
}
/****FinBoton*****/


/*******Fin Fromularios *******/


/*********Tablas*************/
/* 
        Grey Suits you Sir. Please host the images on your own server.
        written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
    border               : 1px solid #CCC;
    border-collapse      : collapse;
    font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
    margin                :20px auto 5px auto;
    border                :none;
    border                :1px solid #CCC;
}
thead th,
tbody th
{
    background            : #FFF url(imagenes/th_bck.gif) repeat-x;
    color                 : #666;  
    padding               : 5px 10px;
    border-left           : 1px solid #CCC;
}
tbody th
{
    background            : #fafafb;
    border            : 1px solid #CCC;
    text-align            : center;
    font-weight           : normal;
    vertical-align        : middle;
}
tbody tr td
{
    padding               : 2px 10px;
    color                 : #666;
    vertical-align        : middle;
}
table .centrado
{
    text-align            : center;   
}

tbody tr:hover
{
    background            : #FFF url(imagenes/tr_bck.gif) repeat;
}

tbody tr td.moneda
{
    font-size: 10px; 
    padding-right: 3px; 
    text-align:right; 
}


tbody tr:hover td
{
    color                 : #454545;
}
tfoot td,
tfoot th
{
    border-left           : none;
    border-top            : 1px solid #CCC;
    padding               : 4px;
    background            : #FFF url(imagenes/foot_bck.gif) repeat;
    color                 : #666;
}
caption
{
    text-align            : left;
    font-size             : 120%;
    padding               : 10px 0;
    color                 : #666;
}
table a:link
{
    color                 : #666;
}
table a:visited
{
    color                 : #666;
}
table a:hover
{
    color                 : #003366;
    text-decoration       : none;
}
table a:active
{
    color                 : #003366;
}


/***********Fin de Tablas**********/




/******DEMO*******/
/*h2{
  display:block;
  color:#646363;
  font:normal 26px Arial;
  text-align:center;
  padding:6px 0;
}*/

.wrapper{
    background:#000;
    width:960px;
    margin:0 auto;
    margin-bottom:10px;
}

.demo{
    overflow:hidden;
    height:auto;
    margin-bottom:15px;
}

.box{
    background:#88bf48;
    margin:0 15px 6px 0;
    width:100px;
    height:100px;
}
.box span{
    background:#FFF;
    display:block;
    margin:3px 10px;
    color:#333;
    text-align:center;
}
.code{
    border-radius:8px;
    background:#fff;
    padding:10px;
    width:822px;
    border:1px solid #e2e2e2;
    overflow-y:hidden;
    overflow-x:auto;
}
.code pre{
    color:#454545;
    padding-top:6px;
}
.code strong{
    color:#51891a;
}
.box,.code{
    float:left;
}
/* CSS3 */
/* Border Radius */  
.radius{
    border-radius:8px;
    behavior: url(PIE.php);
}
/* Box-Shadow */    
.shadow{
    box-shadow:0px 2px 2px rgba(62,115,0, 0.75);
    behavior:url(PIE.php);
}
/* Background Gradient */    
.gradient{
    background: -webkit-linear-gradient(top, #c9ed8a,#72aa31);
    background: -moz-linear-gradient(top, #c9ed8a,#72aa31);
    background: -o-linear-gradient(top, #c9ed8a,#72aa31);
    background: -ms-linear-gradient(top, #c9ed8a,#72aa31);
    background:linear-gradient(top, #c9ed8a,#72aa31);

    -pie-background:linear-gradient(#c9ed8a,#72aa31);
    behavior:url(PIE.php);
}
/* Multiple Backgrounds */
.multiple{
    background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, -webkit-linear-gradient(#c9ed8a,#72aa31);
    -pie-background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, linear-gradient(#c9ed8a,#72aa31);
    behavior:url(PIE.php);
}
/* Selector CSS3 */
.box span:first-child{
    background:#333;
    color:#fff;
}

.box span:nth-child(2n) {
    background: #3de1ff;
}

.box span:last-child{
    background:#fff114;
    color:#333;
}
/************FinDEMO****************/




